<section class="doc-illustrations-demo">
    <p>For reference, here are the associated variables and colors:</p>
    <table class="tlp-table doc-table-color">
        <thead>
        <tr>
            <th class="doc-color-name">Name</th>
            <th class="doc-color-variable">Variable</th>
            <th>Hexa code</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>
                <span class="doc-color doc-color-illustration-primary-color"></span>Primary
            </td>
            <td><code class="code-inline">$tlp-illustration-primary-color</code></td>
            <td><code class="code-inline doc-color-illustration-primary-color-hexacode">#come-back-later</code></td>
        </tr>
        <tr>
            <td>
                <span class="doc-color doc-color-illustration-secondary-light-color"></span>Secondary light
            </td>
            <td><code class="code-inline">$tlp-illustration-secondary-light-color</code></td>
            <td><code class="code-inline doc-color-illustration-secondary-light-color-hexacode">#come-back-later</code></td>
        </tr>
        <tr>
            <td>
                <span class="doc-color doc-color-illustration-secondary-dark-color"></span>Secondary dark
            </td>
            <td><code class="code-inline">$tlp-illustration-secondary-dark-color</code></td>
            <td><code class="code-inline doc-color-illustration-secondary-dark-color-hexacode">#come-back-later</code></td>
        </tr>
        <tr>
            <td>
                <span class="doc-color doc-color-illustration-tertiary-color"></span>Tertiary
            </td>
            <td><code class="code-inline">$tlp-illustration-tertiary-color</code></td>
            <td><code class="code-inline doc-color-illustration-tertiary-color-hexacode">#come-back-later</code></td>
        </tr>
        </tbody>
    </table>
</section>
